<template>
  <div>
    <!-- 表示给该My的组件实例对象vc绑定了一个liangyu事件,也可以用事件修饰符 -->
    <!-- <My v-on:liangyu.once="getName"></My> -->
    <!-- 通过ref属性绑定事件 -->
    <My ref="my"></My>
  </div>
</template>

<script>
    import My from './components/My.vue'

    export default {
        name: "App",
        components: { My },
        methods:{
          //当传参很多时，可以用 ...x代替，x为数组
          getName(name,...params){
            console.log(name,params);
          }
        },
        mounted(){
          //借助 ref 可实现挂载完3秒后绑定事件
          // setTimeout(() => {
          //   this.$refs.my.$on('liangyu',this.getName)
          // },3000)
          this.$refs.my.$on('liangyu',this.getName)
        }
    }
    
</script>

